<template>
  <view class="content">
    <view style="width: 100%; height: 100%;">
      <up-search placeholder="请输入搜索内容" :show-action="false" height="68" v-model="keyword" margin="24rpx 30rpx"
        searchIconSize="34" inputStyle="font-size: 24rpx"></up-search>
      <swiper-page class="swiper-page" :name="keyword" :isLogin="isLogin"></swiper-page>
    </view>
  </view>
</template>

<script>
import swiperPage from './home-swiper-page.vue';
export default {
  components: {
    swiperPage
  },
  computed: {
    isLogin() {
      return this.$store.state.isLogin;
    }
  },
  data() {
    return {
      keyword: '',
    }
  },
}
</script>

<style lang="scss" scoped>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: fixed;
}

.swiper-page {
  height: calc(100% - 68rpx);
  width: 100vw;
}
</style>
